﻿@charset "utf-8";
/* CSS Document */
/* DEFAULTS
----------------------------------------------------------*/

/*body{background: #b6b7bc;  font-size: .80em; font-family: "Helvetica", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #696969;}*/
body{  font-size: .80em; font-family: "Helvetica", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; }

a:link, a:visited{color: #034af3;}

a:hover{color: #1d60ff; text-decoration: none;}

a:active{color: #034af3;}

p{margin-bottom: 10px;line-height: 1.6em;}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{font-size: 1.5em; color: #666666; font-variant: small-caps; text-transform: none; font-weight: 200; margin-bottom: 0px;}

h1{font-size: 1.6em; padding-bottom: 0px; margin-bottom: 0px;}
h2{font-size: 1.5em; font-weight: 600;}
h3{font-size: 1.2em;}

h4{font-size: 1.1em;}

h5, h6{font-size: 1em;}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2{margin-top: 0px;}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page{width: 960px; background-color: #fff; margin:10px auto 0px auto; border: 1px solid #496077;}

.header{position: relative; margin: 0px; padding: 0px; background: #4b6c9e; width: 100%;}

.header h1{font-weight: 700; margin: 0px; padding: 0px 0px 0px 20px; color: #f9f9f9;  border: none; line-height: 2em; font-size: 2em;}

.main{padding: 0px 12px; margin: 12px 8px 8px 8px; min-height: 420px;}

.leftCol{padding: 6px 0px; margin: 12px 8px 8px 8px; width: 200px; min-height: 200px;}
.footer{color: #4e5766; padding: 8px 0px 0px 0px; margin: 0px auto; text-align: center; line-height: normal;}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink{background-color:#3a4f63;
    width:100%;}

div.menu{padding: 4px 0px 4px 8px;}

div.menu ul{list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;}

div.menu ul li a, div.menu ul li a:visited{background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;}

div.menu ul li a:hover{background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;}

div.menu ul li a:active{background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset{margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;}

fieldset p {margin: 2px 12px 10px 10px;}

fieldset.login label, fieldset.register label, fieldset.changePassword label{display: block;}

fieldset label.inline {display: inline;}

legend {font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;}

input.textEntry {width: 320px;
    border: 1px solid #ccc;}

input.passwordEntry {width: 320px;
    border: 1px solid #ccc;}

div.accountInfo{width: 42%;}

/* MISC  
----------------------------------------------------------*/

.clear{clear: both;}

.title{display: block; float: left; text-align: left; width: auto;}
.title h1{text-shadow:#333 1px 1px 2px;}

.loginDisplay{font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;}

.loginDisplay a:link{color: white;}

.loginDisplay a:visited{color: white;}

.loginDisplay a:hover{color: white;}

.failureNotification{font-size: 1.2em;
    color: Red;}

.bold{font-weight: bold;}

.submitButton{text-align: right;
    padding-right: 10px;}

.taskdiv{width:175px;}

span .viewClass{width:175px;}
/*---------------------*/
.clboth{clear:both; height:10px; overflow:hidden;}
.loginwrap{border:solid 1px #4b6c9e; width:440px;}
.loginwrapinner{background-color:#f0f6ff; padding:15px; margin:3px;}
.errormess{color:#FF0000; font-family:Arial Black; font-size:14px; font-weight:bold;}
.lablenamediv{margin:0px;}
.lablenamediv input{border:solid 1px #666666; margin-right:10px; color:#666666;}
.lablenametext{float:left; width:90px; text-align:right; padding-right:10px; margin:0px 0px 0px 0px;}
.logintitle{margin:0px 0px 10px 0px;}
.globalbtndiv{ float:left;}
.globalbtn{border:solid 1px #666666; padding:5px 4px; text-transform:uppercase; background-color:#F1F1F1; color:#333333; font-weight:bold; font-size:12px; cursor:pointer;}
.globalbtn:hover{background-color:#FFFFFF;}
.colordetails{margin:0px; padding:0px; list-style:none;}
.colordetails li{float:left; margin-right:10px;}
.empid{font-size:11px; font-weight:bold; float:left;}
.empname{font-size:11px; font-weight:bold; float:left;}
.empmail{font-size:11px; font-weight:bold; float:left;}
.main h2{margin:0px; padding:0px; color:#4B6C9E; text-shadow:#333 1px 1px 1px;}
.headerClass{ position:relative; font-size:15px; font-weight:bold; float:left;  margin:0px 10px 0px 0px; padding:0px; width:100px; height:20px;}
.MainClass{ position:relative; font-size:12px; font-weight:bold; float:left;  margin:0px 10px 0px 0px; padding:0px; width:100px; height:20px;}
.labletext{float:left; width:148px; color:#696969; font-weight:bold; text-align:right; padding:0px 10px 0px 0px;}
.lablectrl{float:left; width:135px; overflow:hidden;}
.lablectrltextarea{float:left; width:725px; overflow:hidden;}
/*.lablectrltextarea textarea{width:706px; color:#696969; margin:0px; padding:0px; border:solid 1px #666;}
.lablectrl input{ width:120px; color:#696969; font-size:11px; height:18px; margin:0px; padding:0px; border:solid 1px #666;}
.lablectrl select{ width:123px; color:#696969; font-size:11px; height:21px; margin:0px; padding:0px; border:solid 1px #666;}*/
.lablectrltextarea textarea{width:706px; margin:0px; padding:0px; border:solid 1px #666;}
.lablectrl input{ width:120px; font-size:11px; height:18px; margin:0px; padding:0px; border:solid 1px #666;}
.lablectrl select{ width:123px; font-size:11px; height:21px; margin:0px; padding:0px; border:solid 1px #666;}
InactiveCaptionText{ background-color:Red;}
#linearBg2 
{
/* fallback */ background-color: #1a82f7; background-repeat: repeat-x;
/* Firefox 3.6+ */ background: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1a82f7); 
/* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));
/* Safari 5.1+, Chrome 10+ */ background: -webkit-linear-gradient(#2F2727, #1a82f7);
/* Opera 11.10+ */ background: -o-linear-gradient(#2F2727, #1a82f7);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB); -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB)";
             
              }
              
              #test{ width:150px; height:150px; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0000FF', EndColorStr='#000000')}
              
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

